@import "mixin";
@charset "UTF-8";
html, body, p, h1, h2, h3, h4, h5, h6, table, tr, td, input, button, textarea, ul, ol, li, dl, dt, dd, div, img, form, p, iframe {
  padding: 0;

  margin: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 20px; }

img, input, button {
  border: none; }

input, button {
  -webkit-appearance: none;
  outline: none;
}
em,strong{
  font-style: normal;
}
li {
  list-style: none; }

img {
  vertical-align: top;
  max-width: 100%;
  width: 100%;
  height: auto;
  /*下为禁止苹果用户保存/复制图片*/
  /*-webkit-touch-callout:none;*/ }
button{
  outline: none;
  -webkit-appearance: none;
  border: none;
}
strong{
  font-weight: normal;
}
body a {
  outline: none;
  text-decoration: none;
  color:#333;
  -webkit-tap-highlight-color: transparent; }
span,input,button,strong,em,div{
  -webkit-tap-highlight-color: transparent;
}
html {
  /* 禁止iphone文字缩放 */
  -webkit-text-size-adjust: none;
  font-size: 20px; }

html {
  height: 100%;
  width: 100%;
  color:rgb(81,81,81);
}

.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
.clearfix { *zoom:1;}


.cc{
  display: block;
  background: url("../images/cc.png");
  @include background-size(750);
}
.wrapper{
  @include p_bottom(130);
  background: rgb(94,25,155);
}
.otherwrapper{
  background:#fff;
}
.rxz-header{
  .header-top{
    position: relative;
    @include width(750);
    @include height(554);
    background: url("../images/head.jpg?3232");
    @include background-size(750);
    p{
      position: absolute;
      @include left(200);
      @include top(328);
      font-size: 0.7rem;
      color: #fff;
    }
  }
  .header-bottom{
    position: absolute;
    @include width(707);
    @include height(45);
    @include left(20);
    @include bottom(70);
    border-radius: 45px 45px;
    ul{
      position: absolute;
      @include left(0);
      @include top(0);
      @include height(45);
      overflow: hidden;
      li{
        @include width(557);
        @include height(45);
        @include line_h(48);
        @include p_left(120);
        font-size: 0.55rem;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
  }
}
.bigHui{
  @include m_top(65);
  h1{
    @include width(338);
    @include height(51);
    margin: 0 auto;
    @include m_bot(38);
    background: url("../images/big-title1.png") center no-repeat;
    @include background-size(338);
  }
  ul{
    @include width(702);
    margin: 0 auto;
  }
  li{
    float: left;
    @include width(340);
    font-size: 0.7rem;
    .logos{
      @include width(340);
      @include height(280);
      @include p_top(20);
      background: #fff;
      img{
        display: block;
        @include width(130);
        margin: 0 auto;
      }
      p{
        @include m_top(30);
        text-align: center;
      }
    }
    .bt_get{
      display: block;
      @include width(318);
      @include height(108);
      @include p_top(20);
      color: #fff;
      margin: 0 auto;
      @include m_top(-50);
      background: url("../images/vocher-button.png?23") center no-repeat;
      @include background-size(318);
      p{
        text-align: center;
        @include m_bot(5);
        i{
          font-style: normal;
          font-size: 0.85rem;
        }
      }
      span{
        display: block;
        @include width(190);
        @include height(40);
        @include line_h(40);
        text-align: center;
        margin: 0 auto;
        background: url("../images/arrow-right.png") right center no-repeat;
        @include background-size(28);
      }
    }
  }
  .li-right{
    float: right;
  }
}

.rxz-main{
  .login-block{
    @include width(350);
    margin: 0 auto;
    color: #fff;
    font-size: 0.7rem;
    .login-name{
      float: left;
    }
    .bt_out{
      float: right;
    }
  }
}
.goodhouse{
  @include m_top(60);
  h1{
    @include width(414);
    @include height(120);
    margin: 0 auto;
    @include m_bot(38);
    background: url("../images/big-title-2.png?2322") center no-repeat;
    @include background-size(338);
  }
  .house-block{
    position: relative;
    @include width(750);
    @include height(450);
    overflow: hidden;
  }
  ul{
    position: absolute;
    @include left(0);
    @include top(0);
    @include m_left(23);
  }
  li{
    float: left;
    @include m_right(25);
    @include width(292);
    font-size: 0.65rem;
    background: #fff;
    overflow: hidden;
    img{
      display: block;
      @include width(292);
      @include height(259);
    }
    .house-msg{
      @include padding(20);
      overflow: hidden;
      h2,p,span{
        @include m_bot(20);
      }
      h2{
        font-size: 0.7rem;
      }
      p{
        color: rgb(153,153,153);
      }
      span{
        color: rgb(153,153,153);
        em{
          color: rgb(236,108,0);
          font-style: normal;
          font-size: 0.7rem;
        }
      }
    }
  }
}
.goodhouse2{
  h1{
    @include width(531);
    @include height(34);
    margin: 0 auto;
    @include m_bot(38);
    background: url("../images/big-title-3.png?2322") center no-repeat;
    @include background-size(531);
  }
}
.goodhouse3{
  h1{
    @include width(334);
    @include height(34);
    margin: 0 auto;
    @include m_bot(38);
    background: url("../images/big-title-4.png?2336622") center no-repeat;
    @include background-size(334);
  }
}
.bt_more{
  display: block;
  @include width(360);
  @include height(68);
  @include line_h(68);
  text-align: center;
  margin: 0 auto;
  @include m_bot(38);
  @include m_top(28);
  color: #fff;
  font-size: 0.65rem;
  background: url("../images/long-button.png?23") center no-repeat;
  @include background-size(334);
}
.rzx-ad{
  @include p_top(70);
  border-top: 4px solid rgb(87,30,155);
  .ad-1{
    position: relative;
    @include width(691);
    @include height(356);
    margin: 0 auto;
    @include m_bot(68);
    background: url("../images/idea-item-1.png?23") center no-repeat;
    @include background-size(691);
  }
  .ad-2{
    position: relative;
    @include width(691);
    @include height(429);
    margin: 0 auto;
    @include m_bot(68);
    background: url("../images/idea-item-2.png?233333") center no-repeat;
    @include background-size(691);
  }
  .alert_pop{
    position: absolute;
    @include width(300);
    @include height(110);
    @include right(20);
    @include bottom(10);
  }
}
.rxz-rule{
  h1{
    @include width(501);
    @include height(100);
    margin: 0 auto;
    @include m_bot(38);
    background: url("../images/big-title-5.png") center no-repeat;
    @include background-size(501);
  }
  h2{
    @include width(658);
    @include height(33);
    margin: 30px auto;
    @include m_bot(38);
    background: url("../images/split-item-1.png") center no-repeat;
    @include background-size(658);
  }
  p{
    @include width(670);
    margin: 0 auto;
    color: #fff;
    font-size: 0.65rem;
    @include line_h(50);
  }
}
.band{
  h1{
    @include width(658);
    @include height(36);
    margin: 30px auto;
    @include m_bot(38);
    background: url("../images/split-item-2.png") center no-repeat;
    @include background-size(658);
  }
  li{
    float: left;
    @include m_left(23);
    img{
      display: block;
      @include width(122);
      @include height(122);
    }
  }

}

.rule-login{
  @include m_bot(82);
  background: rgb(94,26,157);
  font-size: 0.7rem;
  color: #fff;
  span{
    display: block;
    @include width(330);
    @include height(130);
    @include line_h(130);
    margin: 0 auto;
    a{
      float: right;
      color: #fff;
    }
  }
}
.rule-msg{
  font-size: 0.7rem;
  @include width(600);
  margin: 0 auto;
  p{
    text-align: center;
    @include m_bot(20);
    i{
      font-style: normal;
      color: rgb(243,120,0);
    }
  }
}
.rule-quan{
  position: relative;
  @include width(528);
  font-size: 0.5rem;
  margin: 0 auto;
  color: #fff;
  @include m_top(49);
  @include m_bot(38);
  img{
    display: block;
    @include width(528);
    margin: 0 auto;
  }
  .qu-date{
    position: absolute;
    @include bottom(24);
    @include left(68);
  }
  .qu-card{
    position: absolute;
    @include right(62);
    @include top(93);
  }
}
.rule-end{
  p{
    font-size: 0.5rem;
    text-align: center;
    @include m_bot(20);
  }
  .logos-grey{
    display: block;
    @include width(246);
    @include height(245);
    margin: 30px auto;
    @include m_top(78);
    background: url("../images/logo-grey.png") center no-repeat;
    @include background-size(246);
  }

}

//弹窗样式
.zhezhao{
  display: none;
  position: fixed;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 1000;
}
.pop-main{
  display: none;
  position: fixed;
  @include width(570);
  @include height(570);
  @include p_top(50);
  @include p_bottom(40);
  left: 50%;
  top: 50%;
  margin: -7.52rem 0 0 -7.12rem;
  font-size: 0.65rem;
  background: #fff;
  border-radius: 6px;
  z-index: 2000;
  h1{
    text-align: center;
    @include m_bot(40);
    font-size: 0.75rem;
    color: rgb(51,51,51);
    font-weight: bold;
  }
  p{
    @include width(480);
    margin: 0 auto;
    @include m_bot(20);
    @include line_h(50);
    color: rgb(122,122,122);
  }
  button{
    display: block;
    @include width(240);
    @include height(66);
    @include line_h(66);
    border-radius: 66px 66px;
    background-image: -webkit-linear-gradient(top,#d900ff,#c000ff);
    box-shadow: 0 2px 2px #999;
    text-align: center;
    margin: 0 auto;
    color: #fff;
  }
}
.pop-ideas,.pop-works{
  @include width(590);
  @include height(610);
  margin: -7.72rem 0 0 -7.42rem;
  .tags{
    span{
      float: left;
      @include m_left(20);
      @include m_right(10);
      @include m_top(10);
    }
    ul{
      float: left;
      @include width(430);
      li{
        position: relative;
        float: left;
        @include padding(10);
        @include p_top(15);
        @include p_bottom(15);
        @include m_right(17);
        @include m_bot(20);
        font-size: 0.6rem;
        border: 1px solid rgb(217,217,217);
        border-radius: 2px;
        input{
          position: absolute;
          left: 0;
          top:0;
          width: 100%;
          height: 100%;
        }
      }
      .choose-li{
        background:  #d900ff;
        color: #fff;
      }
    }
  }
  .ideas{
    @include m_bot(40);
    span{
      float: left;
      @include m_left(20);
      @include m_right(10);
      @include m_top(10);
    }
    textarea{
      float: left;
      resize: none;
      @include width(362);
      @include height(180);
      @include padding(10);
      border: 1px solid rgb(217,217,217);
      border-radius: 2px;
    }
  }
}
.pop-works{
  @include width(590);
  @include height(340);
  margin: -7.42rem 0 0 -7.42rem;
}
.pop-login{
  @include width(590);
  @include height(320);
  margin: -7.42rem 0 0 -7.42rem;
  .pop-block{
    @include m_left(40);
    label{
      float: left;
      @include height(70);
      @include line_h(70);
      @include m_right(20);
    }
    input{
      float: left;
      display: block;
      @include width(365);
      @include p_left(10);
      @include height(70);
      @include line_h(70);
      border: 1px solid rgb(217, 217, 217);
      border-radius: 2px;
    }
  }
  .pop-card{
    @include m_top(30);
    @include m_bot(40);
    input{
      @include width(180);
    }
    span{
      float: left;
      @include width(160);
      @include height(70);
      @include line_h(70);
      @include m_left(20);
      text-align: center;
      border: 1px solid rgb(217, 217, 217);
      background: rgb(240,240,240);
    }
  }
}
.pop-ok{
  @include width(590);
  @include height(220);
  margin: -6.1rem 0 0 -7.42rem;
  @include p_top(60);
  p{
    @include p_top(120);
    @include p_left(31);
    background: url("../images/icon_success.png") top center no-repeat;
    text-align: center;
    font-size: 1rem;
    @include background-size(92);
    color: #5519a2;;
  }
}

//end
.tab-switcher{
  height: 2.5rem;
  width: 100%;
  background: #5519a2;
  position: fixed;
  bottom: 0;
}

.tab-switcher .tab-item{
  width: 25%;
  float: left;
  height: 2.5rem;
  text-align: center;
  font-size: 0.7rem;
  color: white;
  font-weight: bolder;
}

.tab-switcher .tab-item img{
  width: 1rem;
  margin: 0.3rem 0 0.1rem 0;
  /*height: 1rem;*/
}

.tab-switcher .my-card img{
  margin-top: 0.5rem;
  margin-bottom: 0.2rem;
}

.tab-switcher .tab-item.active{
  background: #a872ee;
}